<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .clearfix:after{
            display: table;
            clear: both;
            content: "";
        }
        #skip>div{
            float: left;
        }
        #skip>div:nth-of-type(1){
            font-size: 14px;
            margin-right: 3px;
        }
        #skip>div:nth-of-type(2){
            margin-right: 3px;
        }
        #skip>div:nth-of-type(3){
            font-size: 14px;
            font-weight: bold;
            width: 60px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-radius: 10px;
            background-color: #ccc;
            opacity: .4;

        }
    </style>
</head>
<body>
<div style="position:absolute;">
    <video id="v1" src="123.mp4" controls width="600" muted autoplay
    ></video>

    <div id="skip" style="position:absolute;left:3px;bottom:60px;color:white;margin-left: 13px" class="clearfix">
        <div class="close">关闭</div>
        <div id="playTimeDiv">00:00</div>
        <div id="skipBtn" style="cursor: pointer;color:deeppink">跳转播放</div>
    </div>
</div>

<script>

    var playTime = localStorage.playTime;
    function f1(playTime) {
        var min=Math.floor (playTime /60);
        var sec=Math.floor (playTime % 60);
        if(sec<10){
            playTime=min+":"+"0"+sec;
        }else{
            playTime=min+":"+sec;
        }
        return playTime;
    }
    playTimeDiv.innerHTML =f1(playTime);


    skipBtn.onclick = function(){
        if(playTime){
            v1.currentTime = playTime;
            skip.style.display = "none";
        }
    };

    setInterval(f,100);

    function f(){
        localStorage.playTime = v1.currentTime;
    }


</script>

</body>
</html>